import React, { Component } from 'react';
import {IncomeStyled } from './IncomeStyled'

import Button from 'components/UIButton/UIButton'
import Detailed from '../component/Detailed'
let arr = ['','','','','','','','','','',]
class Income extends Component {
  
  render() {
    
    return (
      <IncomeStyled>
        <div className="top">
          <Button
          title='本周'
          height= '.6rem'
          width=".5rem"
          titleTextAlign= 'left'
          titleColor = '#0e0e0e'
          titleSize = '.15rem'
          clickButton = {this.clickButton}
          ></Button>
          <p className='money'>总额:0.88</p>
        </div>
        {
          arr.map((value,index)=>(
            <Detailed 
            key = {index}
            ></Detailed>
          ))
        }

      </IncomeStyled>
    );
  }
  clickButton=()=>{
    console.log(11)
  }
}

export default Income;